<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="utf-8">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/logo1.png'}">
        <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
        #{get 'moreScripts' /}
    </head>
	<style>
	   
	   

/*本模板是由标准之路(www.aa25.cn)的×××制作完成*/
/*本人水平有限，使用自愿，不对因使用此模板造成的任何后果负任何责任*/
/*如果您想转载此资源，请保留“<a href="http://www.aa25.cn">标准之路www.aa25.cn</a>”的链接及版权标识*/
/*如有更好的建议或意见，请到www.aa25.cn留言，本人尽力解决*/
/*2008-8-28*/
body { font-family: 宋体, Arial;  font-size:14px; margin:0;padding:0;}


#top {
        background-image: linear-gradient(top,#FFFFFF,#E5E5E5);
        background-image: -moz-linear-gradient(top,#FFFFFF,#E5E5E5);
        background-image: -ms-linear-gradient(top,#FFFFFF,#E5E5E5);
        background-image: -o-linear-gradient(top,#FFFFFF,#E5E5E5);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E5E5E5));
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5');
        border-bottom: 1px solid #E5E5E5;
        height: 26px;
        line-height: 26px;
        position:fixed;
        width: 100%;
    }

    #top a {
        border-right: 1px solid #D9D9D9;
        color: #4C4C4C;
        float: left;
        line-height: 14px;
        margin: 6px 0;
        padding: 0 6px;
        text-decoration: none;
        text-shadow: 0 -1px 0 #FFFFFF;
        font-weight: normal;
    }

    #top a:hover, #top a.hover {
        background-color: #EEF2FA;
        border-left-color: #707070;
        border-radius: 0 13px 13px 0;
        margin: 0px;
        line-height: 26px;
    }
.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}

#headerContainer{margin:0;height:140px;padding:0 0;background-repeat:no-repeat;background-position: center;background-size:80%;background-image: url(@{'/public/images/header/new8.png'});}
#header {margin:0px auto; width:80%;height:120px;}
#container {margin:0 auto; width:80%;}
#footer { height:60px;margin:0 100px;;text-align: center;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

#txtlogo{border: 0;}

/**ie下a下面的img去边框**/
a img{border: none;} a img:hover{border: none;} 
/****
#menu {width:100%;overflow:hidden;padding:0px;margin:0px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background-color:#fff;margin-bottom:5px;}

				
				
				
				
				#menu a, #menu a:visited {
					text-decoration:none;
					color:#019DE6;
				}
				#menu a:hover {
					text-decoration:none;
					color:#383434;
				}
				#menu ul.nav {
					width:980px;
					height:46px;
					padding:0px;
					margin:0 auto;
					list-style:none;
					font-size:16px;
					color:#383434
				}
				#menu ul.nav li {
					display:inline;
					float:left;
					height:32px;
					padding:14px 10px 0px 10px;
					border-left:1px solid #e3e3e3;
					font-weight:bold;
					text-transform:uppercase;
				}
				#menu ul.nav li:hover {
					background-color:#FCFCFC;
				}
				#menu ul.nav li.rss {
					display:inline;
					float:left;
					height:32px;
					padding:14px 10px 0px 31px;
					border-right:1px solid #e3e3e3;
					background: url(images/rss.png) no-repeat top left;
					font-weight:bold;
					text-transform:uppercase;
				}
				#menu ul.nav li.rss:hover {
					background:#FCFCFC url(images/rsshover.png) no-repeat top left;
				}
				#menu ul.nav li.twi {
					display:inline;
					float:left;
					height:32px;
					padding:14px 10px 0px 31px;
					border-left:1px solid #e3e3e3;
					background: url(images/twitico.png) no-repeat top left;
					font-weight:bold;
					text-transform:uppercase;
				}
				#menu ul.nav li.twi:hover {
					background:#FCFCFC url(images/twiticoh.png) no-repeat top left;
				}**/
				
a{text-decoration:none;color:#20537A;}
a:hover{text-decoration:underline;}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    _zoom: 1;
}
*+html .clearfix {
	overflow:auto;
}

.menu_navcc{width:80%; margin:-18px auto 40px auto;}
.menu_nav{width:100%;height:48px;background:url(/public/images/img/nav_bg.gif) repeat-x;float:left;margin-top:18px;}
.menu_nav .nav_content{padding-left:25px;margin:0;background:url(/public/images/img/nav_l_bg.gif) no-repeat;float:left;}
.menu_nav .nav_content li{width:88px;height:48px;padding-left:15px;padding-right:13px;background:url(/public/images/img/nav_li_right.gif) no-repeat right center;float:left;line-height:48px;text-align:center;font-size:14px;font-weight:bold;list-style:none;}
.menu_nav .nav_content li a{color:#fff;width:88px;height:48px;display:block;}
.menu_nav .nav_content li.current{line-height:37px;}
.menu_nav .nav_content li em{background:url(/public/images/img/bid_new.gif) no-repeat;width:35px;height:21px;display:inline-block;position:absolute;top:-20px;left:40px;}

.menu_nav .nav_content li.current a,.menu_nav .nav_content li a:hover{width:88px;height:37px;background:url(/public/images/img/nav_li_current.gif) no-repeat;display:block;color:#fff;}
.menu_nav .nav_content li a:hover{background:url(/public/images/img/nav_li_hover.gif) no-repeat;line-height:37px;text-decoration:none;}

.menu_nav_right{padding-right:20px;background:url(/public/images/img/nav_r_bg.gif) no-repeat right top;float:right;margin-left:50px;padding-top:13px;height:23px;padding-bottom:12px;}


	</style>
	<script>
		function changeMenu(event){
// 			var arr = document.getElementsByName('menu_a');
			
// 		    var num = arr.length;
// 		    for(var i=0;i<num;++i)
// 		    {
// 		    	arr[i].parentElement.className = "";
// 		    }
// 		    event  =  event  ||  window.event; // 事件    
// 		    var  target    =  event.target  ||  event.srcElement; // 获得事件源
// 		    target.parentElement.className="current";
		    //var dragObj  =  target.getAttribute('type');
		   
		}
	</script>
	<body>
		<div id="top">
		    <a href="http://www.etaoking.com" target="_blank" class="hover">
		        etaoking.com/享买
		    </a>
		    <span class="right">
		    	#{if session.userNick!=null}
					hi!
					<a href="@{TradeAction.index()}">${session.userNick}</a> 
					<a href="@{AdminController.logout()}">退出</a>
				#{/if}
				#{else}
					<a href="@{AdminController.login()}" title="登录">登陆</a>
				#{/else}
		    </span>
		    <div class="clear"></div>
		</div>
	    <div id="headerContainer">
		    <div id="header">
 				<a href="#index"><img  class="txtlogo" height="150px;" src="/public/images/享买4.png" /></a>
			</div>
		</div>
		<!--nav,start-->
		<div class="menu_navcc">
			<div class="menu_nav clearfix">
				<ul class="nav_content">
					
					<li %{out.print(flash.menuNo == '0'?'class="current"':'')}%><a name="menu_a" title="首页" href="@{MenuAction.page(0)}" title="首页" onclick="changeMenu(event)">首页</a></li>
					<li %{out.print(flash.menuNo == '1'?'class="current"':'')}%><a name="menu_a" title="最近卖出商品" href="@{MenuAction.page(1)}" onclick="changeMenu(event)">最新</a></li>
					<li %{out.print(flash.menuNo == '2'?'class="current"':'')}%><a name="menu_a" title="销售排行板" href="@{MenuAction.page(2)}" onclick="changeMenu(event)">热门</a></li>
					<li %{out.print(flash.menuNo == '3'?'class="current"':'')}% style="position:relative;"><a name="menu_a" href="#" title="导航菜单" onclick="changeMenu(event)">反馈</a><em></em></li>
					<li %{out.print(flash.menuNo == '4'?'class="current"':'')}%><a name="menu_a" href="#" title="溶图素材" onclick="changeMenu(event)">RSS</a></li>
				</ul>
				<div class="menu_nav_right">
			</div>
			</div>
		</div>
		<!--nav,end-->
		<!--  
		<div id="menu">
			<ul class="nav">
			  	<li><a href="@{Application.index()}">  首页  </a></li>
			  	<li><a href="#contact" title="Contact">最  新</a></li>
				<li><a href="#Resume" title="Resume">热  门</a></li>
				<li><a href="#新闻" title="Submit News">反  馈</a></li>
			  	<li><a href="#反馈" rel="nofollow">RSS</a></li>
		 	</ul>
		</div>
		-->
	    <div id="container">
	     	
			<br class="clearfloat" />
        	#{doLayout /}
        	 <br class="clearfloat" />
        </div>
        <div id="footer">
        		<hr/>
        		<p>
        			友情链接:
        		<span><a>关于享淘</a></span>
        		<span><a>联系我们</a></span>
        		<span><a>版权说明</a></span>
        		<span><a>网站地图</a></span>
        		<span><a>合作伙伴</a></span>
        		</p>
        		<p>
        		<span><a>关于享淘</a></span>
        		<span><a>联系我们</a></span>
        		<span><a>版权说明</a></span>
        		<span><a>网站地图</a></span>
        		<span><a>合作伙伴</a></span>
        		</p>
        		<p>内容版权所有 ©2005-2012 etaoking.com  苏ICP备11024271号-2</p>
        		<p/>
        <span style="display:none">
        <script language="javascript" type="text/javascript" src="http://js.users.51.la/1967272.js"></script></span>
        </div>
    </body>
</html>
